<%-- 
    Document   : V_Evidencia_Update
    Created on : 08-feb-2015, 10:27:32
    Author     : JoseHernan
--%>
<%@page import="db.DB_TipoArchivo"%>
<%@page import="beans.B_TipoArchivo"%>
<%@page import="java.util.ArrayList"%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<div id="form_xsis" name="form_xsis" class="form-horizontal" style="width: 500px;">
    <div class="modal-header">
        <button id="closeModal1" type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
        <h4 class="modal-title">Registrar Evidencia</h4>
    </div>
    <div class="modal-body">
        <div class="row" style="padding-left: 15px; padding-right: 15px;">
            <div class="col-md-12">
                <div class="form-body">
                    <div class="alert alert-danger display-hide">
                        <button class="close" data-close="alert"></button>
                        <label id="messageReturn"></label>
                    </div>
                    <div class="form-group">
                        <label class="control-label">Nombre: <span class="required"> * </span></label>
                        <input class="form-control" name="nombre" id="nombre" >
                    </div>  
                    <div class="form-group">
                        <label class="control-label">Descripción: </label>
                        <textarea class="form-control" name="descripcion" id="descripcion"></textarea>
                    </div>
                    <div class="form-group">
                        <label class="control-label">Tipo de Evidencia: <span class="required"> * </span></label>
                        <select class="form-control" id="idTipoArchivo" name="idTipoArchivo">
                            <%
                                ArrayList<B_TipoArchivo> listTipoArchivo = DB_TipoArchivo.getList(0);
                                if (listTipoArchivo.size() > 0) {
                            %>
                            <option value="0">-- Seleccione Evidencia --</option>
                            <%
                                for (int i = 0; i < listTipoArchivo.size(); i++) {
                                    B_TipoArchivo objTipoArchivo = listTipoArchivo.get(i);
                            %>
                            <option value="<%= objTipoArchivo.getId()%>"><%= objTipoArchivo.getNombre()%></option>
                            <%
                                    }
                                }
                            %>
                        </select>
                    </div>
                    <div class="form-group">
                        <label class="control-label">Evidencia: <span class="required"> * </span></label>
                        <form id="my-form" method="post" enctype="multipart/form-data"> 
                            <input type="file" name="file" id="file" class="form-control"/> 
                            <input id="btnSubirArchivo" type="submit" value="Subir archivo" style="display: none;" />
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="modal-footer">
        <button id="closeModal5" type="button" class="btn default" data-dismiss="modal">Cerrar</button>
        <a class="btn blue" onclick="registrarEvidencia();">Registrar</a>
    </div>
</div>
<script>
    function valid() {
        var correcto = true;
        $(".errorMessage").remove();
        if ($("#nombre").val() === "") {
            $("#nombre").parent().append("<span class='errorMessage'>Ingrese nombre.</span>");
            correcto = false;
        }
        if ($("#file").val() === "") {
            $("#file").parent().append("<span class='errorMessage'>Seleccione Archivo.</span>");
            correcto = false;
        }
        if ($("#idTipoArchivo").val() === "0") {
            $("#idTipoArchivo").parent().append("<span class='errorMessage'>Ingrese nombre.</span>");
            correcto = false;
        }
        return correcto;
    }
</script>
<script>
    function registrarEvidencia() {
        if(!valid()){
           return false; 
        }
        $("#btnSubirArchivo").click();
    }
</script>
<script>
    $('#my-form').submit(function (e) {
        $.ajax({
            url: 'View/RespuestaAuditoria/uploadFile.jsp',
            type: 'POST',
            data: new FormData(this),
            processData: false,
            contentType: false,
            success: function (data) {
                var respuesta = data.trim();
                //alert(respuesta);
                if (respuesta.substr(0, 2) === "OK") {
                    $.post("C_Evidencia", {nombre: $("#nombre").val(), descripcion: $("#descripcion").val(),
                    url: "evidencias/" + respuesta.substr(3), idTipoArchivo: $("#idTipoArchivo").val(), 
                    idRespuestaAuditoria: $("#idRespuestaAuditoria").val(), action: "n"}, 
                    function (dataEvidencia) {
                        if(dataEvidencia === "OK" ){
                            $("#closeModal5").click();
                            refreshEvidencias();
                        }
                        else{
                            alert(dataEvidencia);
                        }
                    });
                }
                else{
                    alert(data);
                }
            }
        });
        e.preventDefault();
    });
</script>
